import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../common/webview_widget.dart';

class WebViewTestPage extends StatelessWidget {
  const WebViewTestPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('WebView NativeBridge 测试'),
        backgroundColor: Colors.white,
        elevation: 0,
        leading: IconButton(
          icon: const Icon(Icons.arrow_back, color: Colors.black),
          onPressed: () => Navigator.of(context).pop(),
        ),
      ),
      body: Column(
        children: [
          // 测试按钮区域
          Container(
            padding: const EdgeInsets.all(16),
            child: Column(
              children: [
                ElevatedButton(
                  onPressed: () => _testNavigateBack(),
                  child: const Text('测试返回操作'),
                ),
                const SizedBox(height: 8),
                ElevatedButton(
                  onPressed: () => _testNavigateTo(),
                  child: const Text('测试导航到新页面'),
                ),
                const SizedBox(height: 8),
                ElevatedButton(
                  onPressed: () => _testRedirectTo(),
                  child: const Text('测试重定向'),
                ),
                const SizedBox(height: 8),
                ElevatedButton(
                  onPressed: () => _testLogin(),
                  child: const Text('测试登录'),
                ),
              ],
            ),
          ),
          
          // WebView区域
          Expanded(
            child: WebViewWidget(
              url: 'https://shop1.gluz.com.cn/ts/',
              title: '测试页面',
              onWebMessage: (message) {
                print('收到Web消息: $message');
              },
            ),
          ),
        ],
      ),
    );
  }

  void _testNavigateBack() {
    // 模拟JavaScript调用返回操作
    print('测试返回操作');
    // 这里可以通过WebView的evaluateJavaScript方法调用JavaScript
  }

  void _testNavigateTo() {
    // 模拟JavaScript调用导航操作
    print('测试导航操作');
  }

  void _testRedirectTo() {
    // 模拟JavaScript调用重定向操作
    print('测试重定向操作');
  }

  void _testLogin() {
    // 模拟JavaScript调用登录操作
    print('测试登录操作');
  }
} 